<template>
  <div class="h-[200vh]">
    <v-card variant="flat">
      <template v-slot:text>
        <div class="flex items-center gap-4">
          <v-avatar size="50" color="secondary">48</v-avatar>
          <div>
            <h3>12312</h3>
            <p>1231212</p>
          </div>
        </div>
      </template>
    </v-card>
    <div class="flex justify-around items-center">
      <AnalysisCard endValue="17,676.00" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { auspicious } from '@/api';
import { onMounted, ref } from 'vue';
import AnalysisCard from '@/components/card/AnalysisCard.vue';

const aus = ref({});

onMounted(() => {
  auspicious().then(res => {
    aus.value = res;
  });
});
</script>

<style scoped></style>
